<template>
  <div class="app-container">
    <!-- 水表总览 -->
    <div class="app-container-search">
      <el-form :inline="true" style="padding-left: 20px;">
        <el-form-item label="校区">
          <el-select v-model="form.name" placeholder="请选择" clearable>
            <el-option label="" value=""></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="楼栋">
          <el-select v-model="form.name" placeholder="请选择" clearable>
            <el-option label="" value=""></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="房间">
          <el-select v-model="form.name" placeholder="请选择" clearable>
            <el-option label="" value=""></el-option>
          </el-select>
        </el-form-item>
      </el-form>
    </div>






  </div>
</template>

<script>
import { getRule, addRule, updateRule } from '@/api/RulesManage/index.js'

export default {
  data() {
    return {
      form: {
        name: ""
      },

    }
  },
  methods: {

  },
  created() {

  },
};
</script>
<style lang="scss" scoped>
.pagination {
  float: right;
  margin-top: 10px;
}
</style>
